<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/mui.min.css">
</head>
<body>
    <!--下拉刷新容器-->
    <div id="pullrefresh" class="mui-content mui-scroll-wrapper">
        <div class="mui-scroll">
        <!--数据列表-->
        <ul class="mui-table-view mui-table-view-chevron">
        </ul>
        </div>
    </div>
    <script type="text/javascript" src="js/mui.min.js"></script>
    <script type="text/javascript">
        mui.init({
            pullRefresh: {
                container: '#pullrefresh',
                up: {//上拉加载
                    //auto:true,//可选,默认false.自动上拉加载一次
                    contentrefresh: '正在加载...',
                    contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
                    callback: pulldownRefresh
                }
            }
        });

        function pulldownRefresh() {
            setTimeout(function() {
                count = 1;//刷新并显示第一页
                data={
                    //...,
                    page:count
                };
                type=1;//代表下拉刷新
                console.log('data...',data)
            // toList(data,type);//具体取数据的方法
            }, 100);
        }
    </script>
</body>
</html>